<template>
  <div class="follow">
    <my-header title="同城" class="head" />
    <div class="Wraper" v-for="(item,index) in dataList" :key="index" @click="xxx(item)">
    <div class="videoWraper">
      <video :src="item.url" class="videophoto">
      </video></div>
    </div>
  </div>
</template>
<script>
import myHeader from '../../components/header/myHeader'
import Vue from 'vue'
export default {
  components: {
    myHeader,
  },
  data () {
    return {
      eventBus: new Vue(),
      page:1,
      videourl:'111',
      dataList:[
      {
        id:"1",
        url:"http://video.jishiyoo.com/3720932b9b474f51a4cf79f245325118/913d4790b8f046bfa1c9a966cd75099f-8ef4af9b34003bd0bc0261cda372521f-ld.mp4"
      },
      {
        id:"2",
        url:"http://video.jishiyoo.com/1eedc49bba7b4eaebe000e3721149807/d5ab221b92c74af8976bd3c1473bfbe2-4518fe288016ee98c8783733da0e2da4-ld.mp4"
      },
      {
        id:"3",
        url:"http://video.jishiyoo.com/549ed372c9d14b029bfb0512ba879055/8e2dc540573d496cb0942273c4a4c78c-15844fe70971f715c01d57c0c6595f45-ld.mp4"
      },
      {
        id:"4",
        url:"http://video.jishiyoo.com/161b9562c780479c95bbdec1a9fbebcc/8d63913b46634b069e13188b03073c09-d25c062412ee3c4a0758b1c48fc8c642-ld.mp4"
      },
      {
        id:"5",
        url:"http://video.jishiyoo.com/3720932b9b474f51a4cf79f245325118/913d4790b8f046bfa1c9a966cd75099f-8ef4af9b34003bd0bc0261cda372521f-ld.mp4"
      },
      {
        id:"6",
        url:"http://video.jishiyoo.com/1eedc49bba7b4eaebe000e3721149807/d5ab221b92c74af8976bd3c1473bfbe2-4518fe288016ee98c8783733da0e2da4-ld.mp4"
      },
      {
        id:"7",
        url:"http://video.jishiyoo.com/549ed372c9d14b029bfb0512ba879055/8e2dc540573d496cb0942273c4a4c78c-15844fe70971f715c01d57c0c6595f45-ld.mp4"
      },
      {
        id:"8",
        url:"http://video.jishiyoo.com/161b9562c780479c95bbdec1a9fbebcc/8d63913b46634b069e13188b03073c09-d25c062412ee3c4a0758b1c48fc8c642-ld.mp4"
      }
      ]
    }
  },
  methods: {
    xxx(item){
      setTimeout(() => {
      this.$router.push({path:'/followvideo', query:{videourl: this.dataList[item.id-1].url} });
      // console.log(this.dataList[item.id-1].url)
      }, 300);
    }
  },
}
</script>
<style scoped>
.follow{
  display: flex;
  flex-wrap: wrap;
  height: 100vh;
  overflow: auto;
}
.Wraper{
  display: flex;
  width: 50%;
}
.videoWraper{
  width: 100%;
}
.videophoto{
  width: 100%;
}
.head{
  position: fixed;
  z-index: 999;
}
</style>